<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="$request.getContextPath()/resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="$request.getContextPath()/resources/layui/css/layui.css">

    <script type="text/javascript" src="$request.getContextPath()/resources/jquery/jquery-3.1.0.min.js"></script>
    <script src="$request.getContextPath()/resources/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="$request.getContextPath()/resources/layui/layui.js"></script>
    <script type="text/javascript" src="$request.getContextPath()/resources/layui/lay/modules/element.js"></script>
    <style type="text/css">
        body { height: 100%;width: 100%; padding: 0; margin: 0;position: absolute; }
        .container-fluid{
            height: 100%; padding:35px 0 0 0; box-sizing: border-box ; position: relative;
        }
        .nav-tabs{
            height: auto; position: absolute; top: 0 ; left: 0 ; width: 100%;
        }
        .tab-content{
            height: 100%;
        }
        .tab-content .tab-pane{
            height: 99.5%;
        }
    </style>
</head>
<body>
    <div class="container-fluid">
        <ul id="myTab" class="nav nav-tabs">
            #if($shiro.hasPermission('official:product:categoryView'))
                <li class="active"><a href="#productCategory" data-toggle="tab">产品分类</a></li>
            #end
            #if($shiro.hasPermission('official:product:view'))
                <li><a href="#products" data-toggle="tab">产品列表</a></li>
            #end
        </ul>
        <div id="myTabContent" class="tab-content">
            #if($shiro.hasPermission('official:product:categoryView'))
                <div class="tab-pane fade in active" id="productCategory">
                    <iframe scrolling="yes" frameborder="0" src="../../official/product/category" style="width: 100%; height: 100%;"></iframe>
                </div>
            #end
            #if($shiro.hasPermission('official:product:view'))
                <div class="tab-pane fade" id="products">
                    <iframe scrolling="yes" frameborder="0" src="../../official/product/products" style="width: 100%; height: 100%;"></iframe>
                </div>
            #end
        </div>
    </div>
</body>
</html>